<template>
    <div class="ge-contact">
        <div class="ge-contact-wrap">
            <el-row>
                <el-col :span="16">
                    <h5 class="ge-contact-title">Have a question? We would love to hear from you.</h5>
                </el-col>
            </el-row>
            <div class="ge-contact-button">
                <a class="button" href="https://www.gehealthcare-us.com/#/register">Contact Us</a>
            </div>
        </div>
    </div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.ge-contact {
    box-sizing: border-box;
    padding-top: 48px;
    padding-bottom: 48px;
    background-color: #fbf9fd;

    .ge-contact-wrap {
        padding: 24px;
        max-width: 1280px;
        margin: 0 auto;

        .ge-contact-title {
            margin-top: 16px;
            margin-bottom: 24px;
            font-size: 2.75rem;
            line-height: 3.25rem;
            letter-spacing: -1.25px;
            color: #222222;
            font-weight: 400;
        }
        .ge-contact-button{
            .button{
                margin-top: 32px;
                background: #6022a6;
                border: none;
                border-radius: 8px;
                color: #fafbfd;
                cursor: pointer;
                display: inline-flex;
                font-size: 16px;
                font-weight: 700;
                height: 44px;
                line-height: 18px;
                padding: 13px 24px;
                &:hover{
                    background: #411771;
                    color: #ffffff;
                }
            }
        }
    }
}</style>